<template>
  <div class="wrap">
    <a-card :class="{ cardNowShow: informationStore.isShowInformationTypeCard }" class="card_type">
      <Type></Type>
    </a-card>
    <a-card class="card_content" v-if="informationStore.$state.currentTypeActiveRow.dictTypeName != ''">
      <Content></Content>
    </a-card>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
export default defineComponent({
  name: 'Information'
})
</script>
<script lang="ts" setup>
// 引入
import Type from './module/type/index.vue'
import Content from './module/content/index.vue'
import { useInformationStore } from '@/store'
const informationStore = useInformationStore()

// 初始化
onMounted(() => {
  console.log(informationStore.getTypeListFunc())
})
</script>

<style  scoped>
.wrap {
  padding: 14px;
  display: flex;
  height: 100%;
}

.card_type {
  transition: 0.3s;
  /* overflow: scroll; */
  width: 280px;
}
.cardNowShow {
  transition: 0.3s;
  width: 0px;
  height: 0px;
}

.card_content {
  margin-left: 10px;
  width: 100%;
}

::v-deep .type_list_box .arco-menu-selected {
  color: white;
  background: #4366d4 !important;
}

::v-deep .card_content .arco-card-body {
  height: 1000px;
}
</style>